@charset "utf-8";
/*框架样式重写*/
.navbar:after{height:0;}
.back{width:12px !important;height:18px !important;}
.navbar a.link{width:44px;}
.button_rest{width:85% !important;margin:0 auto;}
.select_house{height:28px;margin:0 !important;line-height: 28px !important;background:transparent !important;border:1px solid #fff !important;}
.button_rest .active{color:#578ff8 !important;background:#fff !important;}
/*无线滚动*/
.infinite-scroll-preloader {margin-top:-20px;margin-bottom: 10px;text-align: center;}
.infinite-scroll-preloader .preloader {width:30px;height:30px;}
.modal-button.modal-button-bold{color: #fff; background: linear-gradient(to right, #578ff8,#24bffc);}   
.modal-button{color: #4c4c4c;font-size:18px;}
.modal-text{color: #8f8f8f;font-size: 16px;}
.J-shoping{position:fixed;}
.toolbar-inner{padding:0;}
.notifications .notification-item{height:30px !important;border-radius:20px;}
.notifications .close-notification span{position: absolute;width: 24px;height: 28px;left: 50%;top: 50%;margin-left: -12px; margin-top: -14px;}
.notifications .close-notification{top:4px !important;right:5px !important;}
.notification-item{height:30px;border-radius:20px;}
.list-block .item-text{position:absolute !important;height:30px;top:0;line-height: 30px;}
.notifications .item-title-row:before{height:0 !important;margin:0 !important;}
.list-block .item-inner{padding:0 !important;}
/*.ripple{width:100%;height:28px;animation:shuibowen 0.3s;}               
 @keyframes shuibowen {
  0% {
    box-shadow: 0 0 0 0px rgba(245, 245, 235, 0.7);
    background: rgba(	151, 255, 255, 0.7);
  }
  100% {
    box-shadow: 0 0 0 3px rgba(245, 245, 235, 0);
    background: rgba(	151, 255, 255, 0);
  }
}*/
         

/*框架样式重写 end*/
/*#############  登录  ###############*/
.main{position:relative;top:-40px;width:100%;height:auto;z-index:100;}
.login_bg{ height: auto !important; /*background-size: 100%; background: url(../images/bglogin.png) repeat-y center center;
 background: -webkit-linear-gradient(left, #578ff8,#24bffc); Safari 5.1 - 6.0
background: -o-linear-gradient(right, #578ff8,#24bffc); Opera 11.1 - 12.0
background: -moz-linear-gradient(right, #578ff8,#24bffc); Firefox 3.6 - 15
background: linear-gradient(to right, #578ff8,#24bffc); 标准的语法
*/} 
.login_bg img{ width: 100%; height: auto;}
.login_box{ width: 80%; height: auto; margin: 0px 5% 20px 5%; padding: 5%; background: #fff;}
.login_con{ width: 100%; height: 40px; margin-bottom: 10px; line-height: 40px; border-radius: 20px; background:#f2f2f2;}
.phone_input{ width: 58%; height: 30px; line-height: 30px; background: transparent; margin:5px 0; float: left; padding-left: 5%; text-align: left; outline: none; border:0;}
.login_con a.code{ width: 30%; float: right; border:1px solid #3abbf9; border-radius: 15px; margin:5px 5% 5px 0;  color: #3abbf9; text-align: center; font-size: 12px; height: 30px; line-height: 30px;}
.code_input{ width: 95%; height: 30px; line-height: 30px; background: transparent; margin:5px 0; float: left; padding-left: 5%; text-align: left; outline: none; border:0;}

.login_btn{ color: #fff; text-align: center; border-radius: 20px; font-size: 20px;margin: 0 20% 20px 20%;  width: 60%; height: 40px; line-height: 40px ;}
.login_btn_bg{
background: -webkit-linear-gradient(left, #578ff8,#24bffc); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #578ff8,#24bffc); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #578ff8,#24bffc); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #578ff8,#24bffc); /* 标准的语法 */
-moz-box-shadow: 2px 2px 9px #24bffc; /* 老的 Firefox */box-shadow: 2px 2px 9px #24bffc;
}
.login_btn a{ width: 100%; height: 100%; display: block;}
.login_footword{ width: 100%; height: auto; position: fixed; z-index: 60px; left: 0; bottom: 20px; text-align: center; font-size: 11px; color: #7e9b2a;}

.login_title{width: 100%; font-size: 20px; color: #fff; height: 20px; line-height: 20px; text-align: center; position: fixed;left: 0;top: 20px;z-index: 4;background: transparent;}
/*###########    登录结束   #############*/

/*#########  智购宝首页 导航栏  ####### */
i.hicon{display:flex;align-items: center;}
.head_icon{width:30px;height:30px;}
/*图片轮播*/
.index_banner{ max-height: 320px; height: auto; min-height: 180px; width: 100%;}
.index_banner_list_point{ width: 84px !important; height: 8px; line-height: 8px; position: absolute; z-index: 2; margin-left:-42px;left: 50% !important; bottom: 50px !important;}
.swiper-slide img{ width: 100%; height: auto;}
.swiper-pagination-bullet{width:8px !important;height:8px !important;}
.main .main_nav{height: 100px;margin: 0 5%;background: #fff;display: flex;align-items: center;}
.main .main_nav>li u{width: 100%;display: block;height: 30px;text-align: center;text-decoration: none;line-height: 30px;font-size: 14px;color: #8c8c8c;}
.main .main_nav>li img{width: 50px;height: 50px;margin: 0 auto;display: block;}
.main .content_title{width: 90%;height: 40px;line-height: 40px;margin: 15px 5% 0 5%;background: #fff;}
.content_title_left{width: 40%;float: left;text-align: left;margin-left: 10%;color: #222;font-size: 14px;}
.content_title_right{width: 40%;float: right; text-align: right;margin-right: 10%;font-size: 12px;}

.content{ width: 90%; height: auto; margin: 0 5%; background: transparent;}
.lists{ width: 100%; height: auto; margin-top: 10px;}
.listone{ width: 90%; padding: 5%; background: #fff; height: auto; margin-bottom: 10px;}
.listone .imgbox{ width: 100%; height: auto; position: relative; z-index: 1;}
.listone .imgbox img{ width: 100%; height: auto;}
.listone .word_one{ width: 90%; height: 40px;margin: 0 5%; line-height: 40px;}
.listone .word_one_left{ color: #868686; font-size: 14px; text-align: left; width: 60%; float: left;}
.listone .word_one_right{ color: #3fa6fa; font-size: 14px; text-align: right; width: 40%; float: left;}
.listone .word_two{ width: 90%; height: 60px; margin: 0 5%; border-top: 1px solid #b4b4b4}
.listone .word_two_top{ color: #4b4b4b; font-size: 16px; line-height: 40px; text-align: center; width: 100%; float: left;}
.listone .word_two_bottom{ color: #b4b4b4; font-size: 14px; line-height: 20px; text-align: center; width: 100%; float: left;}
.shareflag{ width: 30px; height: 30px; position: absolute; right: 5px; top: 5px; z-index: 2;}
.shareflag img{  width: 30px; height: 30px;}
.listone_time{ width: 100%; font-size: 14px; color: #b4b4b4; display: block; height: 30px; line-height: 30px; text-align: center;}
.listone .word_specil_two{ width: 90%; height: 40px; margin: 0 5%; border-top: 1px solid #b4b4b4}
/*首页信息提示*/
.alert_newprogram{ width: 90%; padding: 0 5%; height: 26px; line-height: 26px; color: #fff; font-size: 13px; position: absolute; left: 0; top: 44px; z-index: 501; text-align: left; background: rgba(0,0,0,0.5); }
.alert_newprogram img{ width: auto; height: 14px; margin: 6px 12px 6px 0; float: left;}
.alert_newprogram span{ height: 26px; line-height: 26px;float: left;-webkit-animation:anim 3s linear;}
 @-webkit-keyframes anim{    
        0% {right: 10%;opacity: 0}
        25% {right:20%;opacity: 0}
        50% {right:40%;opacity: 1}
        100%{right:30%;opacity: 1}
}
/*#########  首页结束  ##############*/

/*##########   我的页面开始   ##############*/
.my_header{ width: 100%; height: 180px; text-align: center; margin-top: -1px;
background: -webkit-linear-gradient(left, #578ff8,#24bffc); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #578ff8,#24bffc); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #578ff8,#24bffc); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #578ff8,#24bffc); /* 标准的语法 */
}
.my_header img{ width: 80px; height: 80px; border-radius: 40px; margin: 30px auto 15px auto;}
.my_header .myname{ width: 100%; height: 20px; line-height: 20px; color: #fff; font-size: 18px; }
.my_pattern{ width: 90%; height: auto; margin:5%;}
.my_pattern .guide_pattern{ width: 46%; border-radius: 22px; -moz-box-shadow: 2px 2px 9px #CFCFCF; /* 老的 Firefox */box-shadow: 2px 2px 9px #CFCFCF; border:1px solid #dbdbdb; background:#dddddd; margin-right: 6%; float: left; height: 44px; line-height: 44px; text-align: center; font-size: 18px; color: #fff;}
.my_pattern .shopping_pattern{ width: 46%; border-radius: 22px;-moz-box-shadow: 2px 2px 9px #CFCFCF; /* 老的 Firefox */box-shadow: 2px 2px 9px #CFCFCF; border:1px solid #dbdbdb; background:#dddddd; float: left; height: 44px; line-height: 44px; text-align: center; font-size: 18px; color: #fff;}
.my_pattern .guide_pattern.active{
background: -webkit-linear-gradient(left, #578ff8,#24bffc); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #578ff8,#24bffc); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #578ff8,#24bffc); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #578ff8,#24bffc); /* 标准的语法 */
-moz-box-shadow: 2px 2px 9px #24bffc; /* 老的 Firefox */box-shadow: 2px 2px 9px #24bffc;
border:1px solid #24bffc;
}
.my_btnlist_box{ width: 90%; height: auto; margin:5%;}
.my_btnlist{ width: 90%; height: auto; padding:2% 5%; background: #fff; margin-bottom: 20px;}
.my_btn{ width: 100%; border-top: 1px solid #e8e8e8; height: 40px; line-height: 40px; background: url(../images/grayright.png) no-repeat right center; background-size: 12px 20px; text-align: left; font-size: 16px; color: #898989;}
.my_btn:first-child{ border-top: 0;}
.my_btn a{ width: 100%; height: 100%; display: block; text-decoration: none;color: #898989; font-size: 16px;}

 /*#####     商城页面开始   #######*/
.page-content .main{width: 100%;height: auto;position: relative;left: 0;top: -40px;z-index: 4;background: transparent;}
.con-background{position: relative;z-index: 1;top:0;margin: 0 auto;overflow: hidden;height: 44px;width: 100%;background:linear-gradient(to right, #578ff8,#24bffc);}
.mall_box{width:80%;height: 107.5px;margin: 0px 5%; padding: 5%;background: #fff; position: relative;z-index: 10;}

.search_input{width: 100%;height: 30px;line-height: 30px;border: 0;outline: none;text-align: center;border-radius: 15px;background-color: #eaeaea;color: #b4b4b4;font-size: 14px;}
.mall_select_box:hover .mall_select_list{display:block;}
.mall_select_value .icon_sanjiao{width:15px;height:30px;background: url(../images/xia.png) no-repeat right center;background-size: 15px 13px;float: right;}
.mall_select_value #open .icon_sanjiao{width:15px;height:30px;background: url(../images/shang.png) no-repeat right center;background-size: 15px 13px;float: right;}
.mall_select_box{width: 21%; height: 30px;margin-top: 10px;line-height: 30px;margin-right: 4%;float: left;text-align: center;color: #b4b4b4;font-size: 12px;}
.mall_select_value{width: 100%;text-align: left; height: 30px;line-height: 30px;}
.mall_select_list{display:none; box-shadow: 2px 2px 9px #cceffd;background-color: #fff; width: 90%;padding: 5%;height:100px;max-height: 200px; position: absolute;z-index: 11;left: 0;}
.mall_select_list p.title{width: 90%; padding-right: 10%;border-bottom: 1px solid #b4b4b4;height: 30px;line-height: 30px;text-align: left;font-size: 14px; color: #1b1b1b;
}
.mall_select_box ul{width: 100%; height: auto;}
.mall_select_box ul li{width: 33%;height: 30px;line-height: 30px;float: left;
}

/*商品列表*/
.goodslist_box{ width: 90%; height: auto; margin: 20px 5% 0 5%; background: transparent;}
.goods{ width: 49%; height: auto; background: #fff; float: left; margin-right: 2%; margin-bottom: 2%;}
.goods:nth-child(2n){ margin-right: 0%}
.goods .goods_img{ width: 100%; height: 120px; margin-bottom: 10px; text-align: center;}
.goods .goods_img img{ height: 120px; width: auto; margin:0 auto; max-width: 100%;}
.goods .goods_img a{ width: 100%; height: 100%; display: block;}
.goodsword{ width: 90%; color: #1b1b1b; margin:0 5%; border-bottom: 1px solid #b4b4b4; font-size: 12px; height: 40px; line-height: 20px;}
.goodsword_foot{ width: 90%; height: 30px; padding:0 5%;}
.goodsword_foot .redword{ color: #ff7362; width: 46%; float: left; font-size: 14px; margin-right: 5px; text-decoration: none}
.goodsword_foot .graysmallword{ width: 80%; color: #8e8e8e; display: block; float: left; font-size: 12px; text-decoration: none;}
.goodsword_foot .graysmallword.first_child{text-decoration:line-through !important; width: 46%; float: left; }
.goodsword_foot .addgoods{ width: 20px; height: 20px; line-height: 20px; float: right; margin-bottom: 5%;padding-left:10px;}
.goodsword_foot .addgoods img{ width: 20px; height: 20px;}
.baseBg{width: 20px;height: 20px; background: url(../images/add.png) no-repeat center center;background-size: 20px 20px;display: block;}
.redword{color:#ff7362;}
.hover{display:block;}
/*尾部*/
.ios .toolbar-inner{padding:0;}
/*.ios a{color:#fff;}*/
.shop_foot_left{width: 50%;height:44px;line-height:44px;float: left;font-size: 16px;text-align: center;background: #fff;}
.shop_foot_right{width: 50%;height:44px;float: left;line-height: 44px;padding:0;font-size: 16px; text-align: center;color: #fff;
 background: linear-gradient(to right,#24bffc, #578ff8);
}
.addcart{width: 80px;height: 80px;text-indent: 61px;text-align: left;line-height: 25px;background: url(../images/cart.png) no-repeat center center;
 background-size: 80px 80px;font-size: 12px;color: #fff;position: fixed;margin: 0;z-index: 500;-webkit-backface-visibility: hidden;
 backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);left: 10px;bottom:28px;}
#floatOrder{width:50px;height:50px;padding:2px;background:#fff;border:solid 5px #3abbf9;overflow:hidden;position:absolute;z-index:89000;}
 /*###########     商城结束   #######*/

 /*########## 发卷 start ###########*/
.couponlist{ width: 90%; height: auto; margin:0 5%;}
.coupon{ width: 100%; height: auto; margin-bottom: 10px;  position: relative; z-index: 1;}
.coupon .coupon_bg{ width: 100%; height: auto;  position: relative; z-index: 1;}
.coupon .coupon_bg img{ width: 100%; height: auto;}
.coupon .coupon_con{ width: 90%; height: 74%; padding: 3%; position: absolute; left: 0; top: 0; z-index: 3;}
.coupon_con_left{ width: 30%; height: 60%; padding: 8% 0px; float: left;}
.coupon_con_left .top{ color: #fff; font-size: 20px; width: 100%; height: 25px; line-height: 25px; text-align: center;}
.coupon_con_left .foot{ color: #fff; font-size: 12px; width: 100%; height: 15px; line-height: 15px; text-align: center;}
.coupon_con_center{ width: 48%;height: 100%; float: left; padding: 0 2% 0 5%;}
.coupon_con_center .top{ width: 100%; height: 20%; line-height: 20px; margin-top: 10%; text-align: left; font-size: 14px; color: #40a9fa;}
.coupon_con_center .center{ width: 100%; line-height: 30px; border-bottom: 1px solid #a09f9f; letter-spacing: -1px; height: 35%;display:inline-block;vertical-align:middle; text-align: left; font-size: 12px; color: #a09f9f;}
.coupon_con_center .foot{ width: 100%; height: 30%; text-align: left; font-size: 12px; color: #40a9fa;}
.coupon_con_center .foot .sharebtn{ width: 50%; height: 20px; display: block; border-radius: 10px; margin-top: 5px; line-height: 20px; text-align: center; font-size: 12px; color: #40a9fa; border: 1px solid #40a9fa;}
.coupon_con_right{ width: 15%; height: 100%; float: left;}
.coupon_con_right .coupon_qrcode{ width: 100%; margin: 150% 0 0 0; height: 30%;}
.coupon_con_right .coupon_qrcode img{ width: 60%; height: auto; max-height: 100%; float: right;}
.coupon_con_right .coupon_qrcode a{ width: 100%; height: 100%; display: block;}
.popover{ text-align: center; width: 200px;}
.popover img{ width: 150px; height: auto; max-height: 200px; margin: 5%; }
 /*########## 发卷 end ###########*/

/*########## 创建方案 start###########*/
.search_city{width: 100%;height: auto;background: #fff}
.search_city_title{width: 90%;margin: 5% 5% 0 5%;font-size: 16px;color: #6c6c6c;height: 30px;line-height: 30px;text-align: left;}
.tabs{width: 90%;margin: 10px 5%;}
.select_city_box{ width: 90%;margin: 0 5% 2% 5%;height: auto;border-top:1px solid #ccc;padding-top:8px;}
.select_box{height:28px;line-height: 28px;margin-bottom:10px;background: #EAEFF3;margin-top:8px;border-radius: 10px;}
.select_value{color: #858585;font-size: 14px;background: url(../images/carydown.png) no-repeat 96% center;background-size: 15px 6px;padding-right:8px;padding-left:5px;}
.shop_search_box{width:100%;height:30px;line-height: 30px;margin:0 auto;margin-bottom:10px;}
/*ul.hall{position:relative;z-index:200;background:#fff;border:1px solid;}*/
ul.room{-moz-box-shadow: 2px 2px 9px #cceffd; /* 老的 Firefox */box-shadow: 2px 2px 9px #cceffd;border-radius: 8px;}
.shop_search_input{border: 1px solid #EAEAEA;width:74%;background:#f9f9f9;font-size:14px;height:30px;padding-left:5%;}
.shop_search_btn>img{width:30px;height:30px;float:right;}
.search_city_foot{width: 100%;border-radius: 0 0 8px 8px;background: #EDEDED;height: 26px;line-height: 26px;text-align: center;margin-top:12px;}
.search_city_foot>img,.search_city_top>img{width: 20px;height: 20px;margin: 3px auto;}
ul.select_type{width:90%;height:auto;margin:0 5% 5% 5%;padding-top:8px;border-top:1px solid #ccc;}
 ul.room li{border-radius:8px;}
ul.select_type li{float:left;}
.acreage_all{width:90%;border-top:1px solid #ccc;margin:0 auto;}
.select_input{width:40%;height: 28px; border-radius: 10px;line-height: 28px;margin-bottom: 10px;background: #EAEFF3;}
li.word{width:10%;height:28px;line-height: 28px;text-align: center;}
.acreage{float:left;width: 44%;height: auto;margin-bottom:5% ;padding-top: 8px;}
.search_area{width:90%;height: 28px; border-radius: 10px;line-height: 28px;background-color:#EAEFF3;margin-bottom:2px;}
p.meter{float:left;width:10%;height:28px;line-height: 28px;padding-top:8px;margin-left:15px;}
.search_city_top{width: 100%;border-radius: 0 0 8px 8px;background: #EDEDED;height: 26px;line-height: 26px;text-align: center}
.packages{width:100%;height:auto;margin:20px auto;}
li.package_list{width:100%;height:292px;background:#fff;margin-bottom:4%;text-align: center;}
li.package_list>p img{width:auto;max-width:100%;height:224px;margin:0 auto;}
p.house_control{width: 100%;position:relative;text-align: center;height: 292px;line-height: 292px;background: rgba(0,0,0,0.5);left: 0;top:-246px;z-index: 2;}
.house_btn{width:80%;position:absolute; top:30%; left: 0; bottom: 0; right: 0; box-shadow: 2px 2px 9px #24bffc; 
	background: linear-gradient(to right, #578ff8,#24bffc);display: block;height: 36px;
	border-radius: 18px;line-height: 36px;color: #fff;margin:0 auto;}
.house_control .look_house_btn{  width: 80%;position:absolute;display: block;height: 36px;border-radius: 18px;line-height: 36px;text-align: center;
    top: 50%; left: 0; bottom: 0; right: 0;color: #fff;background: linear-gradient(to right, #ffc018,#fcd8a7); box-shadow: 2px 2px 9px #fcd8a7;margin:0 auto;}
ul.room{position:relative;z-index:200;height:auto;max-height:100px;overflow:auto; background:#fff;}
ul.room li{position:relative;z-index:100;display:block;width:100%;text-align: center;height:28px;line-height: 28px;}
/*########## 创建方案 end###########*/

/*########## +新顾客 start###########*/
.user_infor_box{ width: 80%; background: #fff; padding: 0 5%; margin: 0 5% 10px 5%; height: auto;}
.user_infor_title{ width: 100%; height: 44px; line-height: 44px; border-bottom: 1px solid #e8e8e8; text-align: left; font-weight: 500; font-size: 15px;}
.user_infor{ width: 100%; height: 44px; line-height: 44px; border-top: 1px solid #e8e8e8; font-size: 14px;}
.user_infor_left{ width: 25%; height: 44px; line-height: 44px; float: left; font-size: 14px; font-weight: 500;}
.user_infor_right{ width: 75%; height: 44px; line-height: 44px; float: left; font-size: 14px; font-weight: 500;}
.user_input{ width: 90%; padding-left: 10%; height: 34px; margin: 5px 0; border:0; font-size: 12px; outline: none; line-height: 34px; border-radius: 17px; background: #f3f3f3;}
.sex_u{ width: 50%; text-align: center; float: left; text-decoration: none; list-style: none; height: 44px; font-size: 12px; line-height: 44px;}
.age_u{ width: 25%; text-align: right; float: left; text-decoration: none; list-style: none; height: 44px; font-size: 12px; line-height: 44px;}
.work_u{ width: 33%; text-align: center; float: left; list-style: none; text-decoration: none; height: 44px; font-size: 12px; line-height: 44px;}
.work_u:nth-child(3n){ width: 34%; text-align: right;}
.work_u:nth-child(3n+1){text-align: left;}
.user_infor_right .active{ color: #ff7362;}
.work_u.active{ color: #ff7362;}
.shopping_pattern.active{border: 1px solid #fcd8a7;background: linear-gradient(to right, #ffc018,#fcd8a7);box-shadow: 2px 2px 9px #fcd8a7;}
/*########## +新顾客 end###########*/

/*########## 商品详情页 start ###########*/
.goods_details_title{width: 90%;height: 57px; padding: 0 5%;position:relative;top:-4px;}
.goods_details_title .priceone{width: 33%;height: 37px;line-height: 37px; margin: 10px 0;text-align: left;font-size: 36px;color: #fff;float: left;}
.goods_details_title .pricetwo{width: 20%;height: 30px;margin: 13.5px 5px;float: left;}
.goods_details_title .pricetwo u:first-child{color: #90ceff;text-decoration: line-through;
}
.goods_details_title .pricetwo u{width: 100%;height: 15px;display: block;text-decoration: none;line-height: 15px;text-align: left;font-size: 12px;color: #fff;
}
.goods_details_title .codebtn_box{width: 25%;height: 33px;border-left: 2px solid #fff;margin: 10px 0;border-right: 2px solid #fff;padding: 2px 0;text-align: center;float: left;line-height: 33px;
}
.goods_details_title .codebtn_box img{width: auto;height: 33px;max-width: 100%;vertical-align: middle;
}
.goods_details_title .Dbtn_box{width: 17%;height: 37px;text-align: right;float: left;line-height: 37px;margin: 10px 0;}
.goods_details_title .Dbtn_box img{width: auto;height: 37px;max-width: 100%;vertical-align: middle;}
.goods_details_title .priceone{ width: 33%; height: 37px; line-height: 37px; margin: 10px 0; text-align: left; font-size: 36px; color: #fff; float: left;}
.goods_details_title .pricetwo{ width: 20%; height: 30px; margin:13.5px 5px;  float: left;}
.goods_details_title .pricetwo u{ width: 100%; height: 15px;display: block; text-decoration: none; line-height: 15px; text-align: left; font-size: 12px; color: #fff;}
.goods_details_title .pricetwo u:first-child{ color: #90ceff;text-decoration: line-through;}
.goods_details_title .codebtn_box{ width: 25%; height: 33px; border-left: 2px solid #fff; margin: 10px 0; border-right: 2px solid #fff; padding: 2px 0; text-align: center; float: left; line-height: 33px;}
.goods_details_title .codebtn_box img{ width: auto; height: 33px; max-width: 100%; vertical-align: middle;}
.goods_details_title .Dbtn_box{ width: 17%; height: 37px;text-align: right; float: left; line-height: 37px; margin: 10px 0;}
.goods_details_title .Dbtn_box img{ width: auto; height: 37px; max-width: 100%; vertical-align: middle;}
.goods_details{ width: 90%; height: auto; padding: 5%; }
.goods_details_top{ width: 100%; height: 40px; padding: 5px 0px; border-bottom: 1px solid #b4b4b4;}
.goods_details_top_left{ width: 80%; height: 40px; line-height: 20px; float: left; text-align: left; color: #222; font-size: 16px;}
.goods_details_top_left span{ font-weight: 600;}
.goods_details_top_right{ width: 20%; line-height: 40px; text-align: right; float: left;}
.goods_details_top_right img{ width: auto; max-width: 100%; height: 34px; vertical-align: middle;}
.goods_details_con{ width: 100%; height: auto;padding: 5px 0px; font-size: 14px; color: #868686;line-height: 20px;}
.goodsspecil_box{ margin: 0 !important; padding: 0 !important;}
.backflag{ width: 30px; height: 30px; position: absolute; left: 5px; top: 5px; z-index: 2;}
.backflag img{ width: 30px; height: 30px;}
.goods_banner_list_point{width: 84px !important;height: 8px;line-height: 8px;position: absolute;z-index: 2;margin-left: -42px;left: 50% !important;}
/*########## 商品详情页 end ###########*/

/*#############意向商品 start ##########*/
.intentionalgoodslist{ width: 80%; height: auto; margin: 0 5% 10px 5%; background: #fff; padding:5%; }
.intentionalgoods{ width: 100%; height: 100px; line-height: 100px; border-top:1px solid #e8e8e8;}
.intentionalgoods:first-child{ border-top: 0;}
.igoods_point{ width: 7%; height: 100px; line-height: 100px; float: left;}
.igoods_point img{ width: 100%; height: auto; max-height: 100%; vertical-align: middle;}
.igoods_img{ width: 15%; height: 100px; line-height: 100px; float: left; margin: 0 4%;}
.igoods_img img{ width: 100%; height: auto; max-height: 100%; vertical-align: middle;}
.igoods_con{ width: 40%; height: 60px; float: left; padding:20px 0;}
.igoods_con .top{ width: 100%; height: 20px; line-height: 20px; text-align: left; font-size: 14px; color: #222;}
.igoods_con .center{ width: 100%; height: 15px; line-height: 15px; text-align: left; font-size: 12px; color: #9b9b9b;}
.igoods_con .bottom{ width: 100%; height: 25px; line-height: 25px; text-align: left; font-size: 12px; color: #ff5a00;}
.igoods_con .bottom span{ font-size: 14px;}
.igoods_add{ width: 10%; height: 100px; line-height: 100px; float: left;}
.igoods_add img{ width: 100%; height: auto; max-height: 100%; vertical-align: middle;}
.igoods_num{ width: 10%; text-align: center; height: 100px; line-height: 100px; float: left; color: #4a4a4a; font-size: 20px;}
.igoods_del{ width: 10%; height: 100px; line-height: 100px; float: left;}
.igoods_del img{ width: 100%; height: auto; max-height: 100%; vertical-align: middle;}

.intentionalgoodscount{ width: 80%; height: auto; margin: 0 5% 30px 5%; background: #fff; padding:5%; }
.intentionalgoodscount span{ width: auto; float: left; margin-left: 1.5%; font-size: 12px; color: #222; height: 20px; line-height: 20px;}
.intentionalgoodscount span:first-child{ margin-left: 0;}
.intentionalgoodscount span:last-child{ float: right;}
.intentionalgoodscount span u{ color: #ff5a00; text-decoration: none;}
.intentionalgoodscount span u i{ color: #ff5a00; font-size: 14px; text-decoration: none;}
.style_btn{color: #fff;text-align: center;border-radius: 20px;font-size: 20px;margin: 0 5% 20px 5%;width: 90%;height: 40px;line-height: 40px}
/*#############意向商品 end ##########*/

/*#############选择风格 start ##########*/
.stylelist{ width: 90%; height: auto; margin: 0 5% 40px 5%; background: transparent;}
.styleone{ width: 42%; height: 130px; float: left; padding: 3%; background: #fff; margin-bottom: 4%; margin-right: 4%;}
.styleone:nth-child(2n){ margin-right: 0;}
.styleone .styleimg{ width: 100%; height: 100px; line-height: 100px; vertical-align: middle; text-align: center;}
.styleone .styleimg img{ height: auto; width: 100%; max-height: 100px; vertical-align: middle; margin:0 auto;}
.styleone .stylename{ width: 100%; color: #585858; font-size: 16px; height: 30px; line-height: 30px; text-align: center;}
/*#############选择风格 end ##########*/

/*#############个人资料 start ##########*/
.my_btn_bg{ background: transparent !important;}
.my_btn .person_a{ width: 50%; text-align: left; float: left;}
.my_btn .person_a:last-child{ width: 50%; text-align:right; float: left;}
.item-inner{ width: 100%; height: 100%; display: block; line-height: 40px;}
.birthday_input{ border:0; background: transparent;color: #898989; outline: none; width: 32%; line-height: 40px; padding-left: 10%; float: right;}
.person_name{ width: 100px; height: 30px;color: #898989; text-align: left; padding-left: 10px; background: #f2f2f2; outline: none; border:0; border-radius: 15px; line-height: 30px; margin: 5px 0;float: right;}
.person_sex{ width: 70px; margin: 4px 0; float: right; height: 32px; line-height: 32px; color: #898989; font-size: 14px;}
.person_sex_male{ width: 34px; height: 30px; text-align: center;float: left; border-left: 1px solid #898989; border-top: 1px solid #898989; border-bottom: 1px solid #898989;}
.person_sex_female{ width: 34px; height: 30px; text-align: center;float: left; border-right: 1px solid #898989; border-top: 1px solid #898989; border-bottom: 1px solid #898989;}
.person_sex_male.active{
background: -webkit-linear-gradient(bottom, #578ff8,#24bffc); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(top, #578ff8,#24bffc); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #578ff8,#24bffc); /* Firefox 3.6 - 15 */
background: linear-gradient(to top, #578ff8,#24bffc); /* 标准的语法 */
border-left:1px solid #24bffc;border-top:1px solid #24bffc;border-bottom:1px solid #24bffc;color: #fff;
}
.person_sex_female.active{
background: -webkit-linear-gradient(bottom, #578ff8,#24bffc); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(top, #578ff8,#24bffc); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, #578ff8,#24bffc); /* Firefox 3.6 - 15 */
background: linear-gradient(to top, #578ff8,#24bffc); /* 标准的语法 */
border-right:1px solid #24bffc;border-top:1px solid #24bffc;border-bottom:1px solid #24bffc;color: #fff;
}
/*#############个人资料 end ##########*/

/*#############关于 start ##########*/
.about_box{ width: 90%; margin: 30px 5%; }
.about_logo{ width: 100%; height: 100px; text-align: center; line-height: 100px;}
.about_logo img{ height: 100px; width: auto; max-width: 100%;}
.about_name{ width: 100%; color: #3abbf9; font-size: 16px; margin-top: 10px; font-weight: 600; height: 40px; line-height: 40px; text-align: center;}

/*#############关于 end ##########*/

/*############操作日志 start ##########*/
.operationlog_box{ width: 80%; background: #fff; margin: 0 5%; padding: 0 5%; height: auto;}
.operationlog_title{ width: 100%; font-size: 16px; border-bottom: 1px solid #e8e8e8; height: 40px; line-height: 40px; text-align: left; color: #4b4b4b;}

.search_by_time{ width: 100%; height: 34px; line-height: 34px; padding: 3% 0;}
.search_time{ width: 37%; font-size: 12px; float: left; height: 32px; line-height: 32px; border:1px solid #3abbf9; color: #3abbf9;background: url(../images/bluedown.png) no-repeat 95.6% center; background-size: 10px 5px;}
.search_time_line{ width: 4%; height: 2px; background: #3abbf9; margin: 16px 2%; float: left;}
.search_time_btn{ width: 15%; float: left; margin-left: 1%; height: 34px; line-height: 34px; }
.search_time_btn img{ height: 34px; width: auto; max-width: 100%; float: right;}
.searchtime{ width: 97%; padding-left: 3%; background: transparent; outline: none; font-size: 12px; float: left; height: 34px; line-height: 34px; border:0; color: #3abbf9;}

.operationloglist{ width: 90%; margin: 20px 5% 0 5%; height: auto;}
.operationlog{ width: 90%; height: 40px; padding: 0 5%; line-height: 40px; background: #fff; margin-bottom: 10px;}
.operationlog p{ height: 40px; line-height: 40px; width: auto;}
.operationlog p.name{ font-size: 14px; color: #4b4b4b; float: left;}
.operationlog p.names{ font-size: 14px; color: #3abbf9; float: left; margin-left: 10px;}
.operationlog p.time{ font-size: 12px; color: #4b4b4b; float: right;}
/*############操作日志end ##########*/

/*########### 顾客列表 start ##########*/
.adduser_btn{width: 90%; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; margin: 10px 5%;}
.adduser_btn a{ color: #fff;}
.userlist_box{ width: 90%; height: auto; margin: 20px 5% 0 5%; background: #fff;}
.userlist_time{ width: 100%; height: auto;}
.userlist_title{ width: 92%; height: 25px; line-height: 25px;text-align: left; padding: 0 4%; background: #e9e9e9; color: #676767; font-size: 14px;}
.userlist{ width: 90%; padding: 0 5%; height: auto; background: #fff;}
.user{ width: 100%; height: 70px; border-bottom: 1px solid #f2f2f2;}
.user:last-child{ border-bottom: 0px;}
.user .user_style{ width: 40px; margin: 15px 0px; float: left;border-radius: 8px;color: #fff; font-size: 20px; height: 40px; line-height: 40px; text-align: center;}
.user .user_style img{ width:80% ; height: auto; max-height: 100%; margin: 0 10%;}
.user .user_style img.phoneflag{ width:auto; height: 80%; max-width: 100%; margin: 10% 0;}
.user .user_info{ width: 120px; margin: 15px 0px 15px 10px; height: 40px; float: left;}
.user .user_info u{ color: #676767; text-align: left; width: 100%; text-decoration: none;display: block;}
.user .user_info u.first_child{ font-size: 16px; height: 20px; line-height: 20px;}
.user .user_info u.last_child{ font-size: 14px; height: 20px; line-height: 20px;}
.user .user_control{ width: 75px; height: 50px; margin: 10px 0px; float: right; text-align: right;}
.user .user_control img{ height: 35px; width: 75px;}
.user .user_control u.user_time{ width: 100%; display: block; text-decoration: none; color: #b7b7b7; font-size: 12px; height: 10px; line-height: 10px; text-align: right;}
/*########### 顾客列表 end ##########*/
/*########### 消息 start ##########*/
.messagelist{ width: 90%; height: auto; margin: 0 5%;}
.message_box{ width: 100%; height: 94px; background: #fff; margin-bottom: 10px;}
.message_box .message_img{ width: 74px; float: left; position: relative; z-index: 1; height: 74px; margin: 10px 3%;}
.message_box .message_img .newmessage{ width: 12px; height: 12px; display: block; background: url(../images/redpoint.png) no-repeat center center; background-size: 12px 12px; position: absolute; right: -6px; top: -6px; z-index: 2;}
.message_box .message_img img{ width: 74px; height: 74px;}
.message_box .message_con{ width: 68%; height: 54px; float: left; margin:20px 0;}
.message_box .message_name{ font-size: 16px; color: #272727; width: 100%; text-decoration: none; display: block; height: 30px; line-height: 30px; text-align: left;}
.message_box .message_title{ font-size: 14px; color: #6c6c6c; width: 100%;text-decoration: none; display: block; height: 24px; line-height: 24px; text-align: left;}
.message_box a{ width: 100%; height: 100%; display: block;}

.smessagelist{ width: 90%; height: auto; margin: 0 5%;}
.smessagelist li{ width: 100%; height: auto;}
.smessage{ width: 100%; height: auto;}
.smessage .top{ width: 100%; height: 20px; border-radius: 8px 8px 0 0; display: block;}
.smessage .title{ width: 90%; font-size: 16px; color: #222; text-align: left; height: 35px; line-height: 35px;  padding: 0 5%; background: #fff;}
.smessage .time{ width: 90%; font-size: 12px; color: #b4b4b4; text-align: left; height: 30px; line-height: 25px;  padding: 0 5%; background: #fff;}
.smessage .con{ width: 90%; font-size: 14px; border-radius: 0 0 8px 8px; color: #868686; text-align: left; height: auto; line-height: 20px;  padding: 0 5% 5% 5%; background: #fff;}

/*########### 消息 end ##########*/


